<%@ page contentType="text/html" pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>  
<html>
<head>
<link rel="stylesheet" href="<c:url value='/resources/css/template.css' />" type="text/css" />
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="<c:url value='/resources/js/general.js' />"></script>

</head>
<body id="page_bg">
<div class="center" align="center">	
			
<div id="wrapper">
	<div id="wrapper_r">
	
		<div id="whitebox">
	<div id="header" >
				<div id="header_r" >
					<a href="<c:url value='/index' />">CAVAS-ITALIE</a>
				</div>
			</div>

			<div id="whitebox_m">
				<div id="area">
						<div id="leftcolumn" style="float:left;">
			<div class="moduletable">
							<h3>Operations</h3>
		<ul class="menu"><li><a href="<c:url value='/moderateur/home' />">Home page</a></li><li><a href="<c:url value='/moderateur/cotisation' />">Cotisation</a></li><li><a href="<c:url value='/moderateur/pret' />">Prets</a></li><li><a href="<c:url value='/moderateur/retard_abscence' />">Retard / Abscence</a></li><li><a href="<c:url value='/moderateur/finance' />">Finance</a></li><li><a href="<c:url value='/moderateur/assistance' />">Assistance</a></li><li><a href="<c:url value='/membre/domain' />">sortie moderateur</a></li></ul></div>	
<br />	<br />									
							</div>
												
												<div id="maincolumn">
													<div class="nopad">
					<div class="componentheading">
	Association des camerounais de varese pour le developement<br /><br /><br />Moderateur page</div>
	
<br />	<br />	
<div style="color:#06569d; font-size:1.2em; text-decoration: underline;"> Gestion Cotisation</div><br />
<table style="border: 1px solid #6666ff; margin-bottom: 3px; width: 100%;">
<tr>
<th>Date</th><th>Membre</th><th>Montant</th><th>Notes</th>
</tr>
<c:forEach items="${list_cot}" var="item">
<tr>
<td><c:out value="${item.date}"/></td>
<td><c:out value="${item.nom}"/></td>
<td><c:out value="${item.montant}"/></td>
<td><c:out value="${item.info}"/></td>
</tr>
</c:forEach>
</table>
<div id="form1">
	<form action="<c:url value='/moderateur/add_cotisation' />" method="POST">
		Nom:
		<select name="mail">
		<c:forEach items="${membres}" var="item">
		 <option value="${item.nom}">${item.nom}</option>
		 </c:forEach>
		</select>
		Montant: <input type="text" name="montant" value="125" width="5"/>
		Notes: <input type="text" name="info" id="info" value="cash"/>
		Date: <input type="text" name="date" id="date" /><br /><br />
		<input type="submit" value="Valider">
		<button id="hbutton1" type="button">Annuler</button>
	</form>
</div>
<br />
<button  type="button" id="sbutton1">Ajouter Cotisation</button>
<br />	<br />	<br />	<br />	


<span class="article_separator">&nbsp;</span>
												</div>
						</div>
													<div id="rightcolumn" style="float:right;">
												<div class="moduletable_text">
					<h3>Prochaine A.G.</h3>
					<p>Date: <strong>Février 2014</strong><br />Lieux: <strong>...</strong><br />Heure:&nbsp; ...<br />Note:<strong> ...<br /></strong></p>		</div>
					
			<div class="moduletable_menu">
					<h3>Dernière AG</h3>
<p><strong>Dernière Assemblée Générale</strong><br style="line-height: 115%;" /></p>
<p>Date:<strong> 22 décembre 2013</strong></p>
<p>Lieux: <strong>Binago</strong></p>
<p>Heure:<strong>14.00</strong><strong><span style="color: #000000;">&nbsp;</span></strong></p>
<p>&nbsp;</p>		</div>
			<div class="moduletable_text">
					<h3>Sponsors</h3>
					<div class="bannergroup_text">
				<div class="bannerheader">Sponsor CAVAS:</div>									
							</div>
								</div>
	</div>
						<div class="clr"></div>
				</div>
			</div>

	</div>
	<div id="footer">
		<div id="footer_l">
			<div id="footer_r">
				<p style="float:left; padding:4px 25px;">
					
				</p>
				<p style="float:right; padding:4px 25px;">	 			 	
                                   Charte Forum CAVAS - Mentions L&eacute;gales - <a href="bureauCavas@yahoo.it">Contacter le Webmaster</a>
				</p>
			</div>
		</div>
	</div>			
		</div>
	</div>
	<div id="sgf"> 	CAVAS, Powered by <a href="<c:url value='/index' />" class="sgfooter" target="_blank">Bakero!</a>
																
	</div>
</div>
 
</body>
</html>